FAB Floating action buttons懸浮按鈕

- 在螢幕上使用 FAB 來執行最常見或最重要的操作。
- 確保 FAB 中的圖示清晰易懂。
- FAB 在內容滾動時仍然保持可見。
- FAB 共有三種尺寸:小型 FAB、標準 FAB、大型 FAB。

額外的顏色對映(Additional color mappings)
FAB 可以使用不同的顏色設計。系統提供了三種基本顏色選項:預設顏色、輔助顏色和自定義顏色。

States 狀態


標準 FAB
| 屬性 | 數值 |
| 寬度與高度 | 56px |
| 圓角半徑 | 16px |
| 圖示尺寸 | 24px |
| 內邊距 | 16px |
小型 FAB
| 屬性 | 數值 |
| 寬度與高度 | 40px |
| 圓角半徑 | 12px |
| 圖示尺寸 | 20px |
| 內邊距 | 12px |
大型 FAB
| 屬性 | 數值 |
| 寬度與高度 | 96px |
| 圓角半徑 | 36px |
| 圖示尺寸 | 36px |
| 內邊距 | 36px |







